<!-- m_footer -->
<div class="m_footer">
    <div class="m_footer_top m_public">
        <h3 class="title">联系我们</h3>
        <span class="link"></span>
        <div class="add_info">
            {$CONTACT_US.details}
        </div>
    </div>
    <!-- <div class="m_footer_bottom m_public">
        <h3 class="title">订阅</h3>
        <span class="link"></span>
        <p class="content">独家提供新闻和更多信息</p>
        <div class="feedback">
            <form id="m_feedback_form" method="post" action="#" enctype="multipart/form-data">
                <input id="usermailads" name="email" value="" placeholder="输入你的电子邮箱地址" type="email">
            </form>
            <a id="emailadd" class="pushbar">订阅</a>
        </div>
    </div> -->
</div>
<div class="go_top">
    <div style="text-align: center;padding: 30px 0;color:#1a7e67;">
        <i class="iconfont icon-fanhuidingbu1"></i>
        <h3 style="padding-top: 5px;">返回顶部</h3>
    </div>
</div>
<!-- m_footer end -->
<!-- 底部 -->
	<div class="_new_footer">
		<ul class="clear">
			<li class="fl">
				<a href="tel:400-960-1123">
					<i class="iconfont icon-dianhua2"></i>
					<p>电话</p>
				</a>
			</li>
			<li class="fl">
				<a href="sms:15562552008">
					<i class="iconfont icon-youxiang"></i>
					<p>短信</p>
				</a>
			</li>
			<li class="fl">
				<a id="cilck_map">
					<i class="iconfont icon-dizhi"></i>
					<p>地图</p>
				</a>
			</li>
			<li class="fl">
				<a id="shareBtn" class="-mob-share-open">
					<i class="iconfont icon-fenxiang"></i>
                    <p>分享</p>
                    <!--MOB SHARE BEGIN-->
                    <div class="-mob-share-ui" style="display: none;padding-top: 164px;">
                        <ul class="-mob-share-list">
                            <li class="-mob-share-weixin"><p>微信</p></li>
                            <li class="-mob-share-weibo"><p>新浪微博</p></li>
                            <li class="-mob-share-qzone"><p>QQ空间</p></li>
                            <li class="-mob-share-qq"><p>QQ好友</p></li>
                        </ul>
                        <div class="-mob-share-close">取消</div>
                    </div>
                    <div class="-mob-share-ui-bg"></div>
                    <!--MOB SHARE END-->
				</a>
			</li>
		</ul>
	</div>
<!-- 底部 end -->



<!-- map -->
	<div class="_map" id="newmap"></div>
<!-- map end -->
<style>
	.go_top{margin-bottom: 65px;}
	._new_footer{position: fixed;bottom: 0;left: 0;width: 100%;height: 65px;background: #1a7e67;}
	._new_footer ul li{width: 25%;}
	._new_footer ul li a{display: block;text-align: center;color: #fff;padding-top: 10px;}
	._new_footer ul li a i{font-size: 24px;}
	._new_footer ul li a p{font-size: 16px;padding-top: 4px;}
	#newmap{position: fixed!important;top: 50%;left: 0;width: 100%;margin-top: -150px;z-index: 201!important;}
	#newmap.open{height: 300px;}
</style>

<!-- js -->
<script src="__MOBILE__js/jquery.js"></script>
<script src="__MOBILE__js/jquery.flexslider.js"></script>
<script src="__MOBILE__js/jquery.waypoints.min.js"></script>
<script src="__MOBILE__js/countUp.min.js"></script>
<script src="__MOBILE__js/jquery.ellipsis.js"></script>
<script src="__MOBILE__js/soshm.min.js"></script>
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=27acf035e9dab"></script>
<!-- <script>
  document.getElementById('shareBtn').addEventListener('click', function() {
    soshm.popIn({
      title: '弹窗分享',
      sites: ['weixin', 'weixintimeline', 'weibo',  'qzone', 'qq']
    });
  }, false);
</script> -->


<script>
    var addurl = '/mobile/index/subscription';
    $('#emailadd').click(function () {
        var email = $('#usermailads').val();
        if(email==''){
            return false;
        }
        if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
        {
            alert("请填写正确的邮箱！");
            return false;
        }
        $.post(addurl, {'email':$('#usermailads').val()},function(res) {
            var success = JSON.parse(res);
            if(success.code===200){
                $('#usermailads').val('');
                alert(success.msg);
                return false;
            }else {

            }


        });
    })
    //banner slide
    $('.m_banner').flexslider({
        selector: ".m_banner_slider > li",
        animation: "slide",
        controlNav: true,
        directionNav: false,
        multipleKeyboard:true,
        animationLoop: true,
        slideshow: true,
        slideshowSpeed: 5000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:true,
        pauseOnHover:true,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });

    // 	$(document).ready(function(){
    // 		var sbwi =($(document.body).width());
    // 		$('ul.scroll_slider li').css("width","sbwipx");
    // 　});

    $('.go_top').click(function() {
        $('body,html').animate({
                "scrollTop": 0
            },
            1000)
    });

    // ajax
    $('#subscribe').click(function(){
        $.ajax({
            url: '',
            type: 'GET',
            data: $('#m_feedback_form').serialize(),
        })
    });
</script>

<script>

    $("#mobile_key").click(function(){
        $('.side_nav').css("right","0");
        $('.mark').addClass('open');
    });
    $('.mark').bind('click',function() {
        $('.mark').removeClass('open');
        $('.side_nav').css('right', '-70%');
        $('#newmap').removeClass('open');
    });
    $('.close__').bind('click',function() {
        $('.mark').removeClass('open');
        $('.side_nav').css('right', '-70%');
    })


    // $('._nab1').click(function(){
    //     $('._icon1').css("transform","rotate(90deg)");
    //     $('._box1').css("display","block");
    //     $('._icon2').css("transform","rotate(0deg)");
    //     $('._box2').css("display","none");
    // });
    // $('._nab2').click(function(){
    //     $('._icon1').css("transform","rotate(0deg)");
    //     $('._box1').css("display","none");
    //     $('._icon2').css("transform","rotate(90deg)");
    //     $('._box2').css("display","block");
    // });
    $(".sidenav_item a.l_alone i").each(function(i){$(this).addClass("_icon" + i)});
    $('._nab1').click(function(){
        $('._icon0').toggleClass('active');
        $('._box1').toggleClass('active');
    });
    $('._nab2').click(function(){
        $('._icon2').toggleClass('active');
        $('._box2').toggleClass('active');
    });
    $('._nab4').click(function(){
        $('._icon1').toggleClass('active');
        $('._box4').toggleClass('active');
    });
    $('._nab3').click(function(){
        $('._icon3').toggleClass('active');
        $('._box3').toggleClass('active');
    });
    $('.__fanhui').click(function(){
        window.history.go(-1);
    });

    $("#cilck_map").click(function(){
        $('.mark').addClass('open');
        $('#newmap').addClass('open');
    });

</script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=OGA8GzH8fTcWVqwlcWP2wS57"></script>
<script type="text/javascript">
    var map = new BMap.Map("newmap");
    var point = new BMap.Point(117.192821,37.022692);
    var marker = new BMap.Marker(point);
    var overView = new BMap.OverviewMapControl();
    var overViewOpen = new BMap.OverviewMapControl({isOpen:true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT});
    map.addOverlay(marker);
    map.centerAndZoom(point,14);
    map.enableScrollWheelZoom();
    map.addControl(overView);
    var opts = {
      width : 300,     // 信息窗口宽度
      height: 100,     // 信息窗口高度
      title : "山东欧锐激光科技有限公司" , // 信息窗口标题
      enableMessage:false,//设置允许信息窗发送短息
      message:""
    }
    var infoWindow = new BMap.InfoWindow("地址:济南市济阳街道工业园区19-1号", opts);  // 创建信息窗口对象 
    marker.addEventListener("click", function(){          
    map.openInfoWindow(infoWindow,point); //开启信息窗口
    });
    map.openInfoWindow(infoWindow,point);
</script>
</body>
</html>
